<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/myOrders.js"></script>
    <script src="js/HttpUtil.js"></script>
    <script src="js/CacheUtil.js"></script>
    <!--bootstrap-->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="bootstrap/js/bootstrap.min.js"></script>

</head>
<body>
<div  id="header"></div>
<div class="container" style="background-color: white;">
    <div class="row" style="margin-left: 40px">
        <h3>我的订单列表&nbsp;&nbsp;
            <small>温馨提示：<em id="loginUserName">{loginUserName}</em>有<font color="red" id="orderSize">{orderListSize}</font>个订单</small></h3>
    </div>
    <div class="row" style="margin-top: 40px;">
        <div class="col-md-12">
            <table id="tb_list" class="table table-striped table-hover table-bordered table-condensed">
                <tr id="tableHead">
                    <th>序号</th>
                    <th>订单编号</th>
                    <th>总金额</th>
                    <th>积分</th>
                    <th>订单状态</th>
                    <th>订单时间</th>
                    <th>收货地址</th>
                    <th>操作</th>
                </tr>
                    <!--订单信息位置-->


                </c:forEach>
            </table>
        </div>
    </div>

</div>

<template id="template_ordersList">
    <tr>
        <th>{count}</th>
        <th>{orderId}</th>
        <th>{totalPrice}</th>
        <th>{integral}</th>
        <th>
            <font color="red">
                {status}
            </font>
        </th>
        <th>{orderTime}</th>
        <th>{orderAddress}</th>
        <th>
            <button type="button" class="btn btn-danger btn-sm" ><a href="/shop-app/checkOrder.html?orderId={orderId}">订单详情</a></button>

            <button type="button" class="btn btn-warning btn-sm" >确认收货</button>

        </th>
    </tr>
</template>

<script>
    $(document).ready(function(){
        $("#header").load("header.html");
    });
</script>
</body>
</html>